20/03/2020 


^ https://openlibrary.org/ 



Performance Accessibility Best 

Practices 


0-49 50-89 



Print Summary 

( 82 i 

Print Expanded 


Copy JSON 


Save as HTML 

SEO 

Progressive 

Save as JSON 


Web App 


Open in Viewer 


Toggle Dark Theme 

90-100 




Performance 


Metrics 


First Contentful Paint 

1.9 s 

First Meaningful Paint 

1.9 s 

A Speed Index 

6.0 s 

First CPU Idle 

4.7 s 

A Time to Interactive 

8.2 s 

A Max Potential First Input Delay 

1,640 ms 

View Trace 





Values are estimated and may vary. The performance score is based only on these metrics . 
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Opportunities — These suggestions can help your page load faster. They don't directly affect the Performance score. 

Opportunity Estimated Savings 


▲ 

Preload key requests 

6.11s < 

▲ 

Defer offscreen images 

3.6 s < 

▲ 

Serve images in next-gen formats 

1.8 s < 

▲ 

Efficiently encode images 

1.2 s < 


Diagnostics — More information about the performance of your application. These numbers don't directly affect the 
Performance score. 

A Ensure text remains visible during webfont load 
A Minimize main-thread work — 7.1 s 

A Serve static assets with an efficient cache policy — 35 resources found 
A Avoid an excessive DOM size — 1,818 elements 
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Reduce JavaScript execution time — 2.6 s 

Avoid chaining critical requests — 3 chains found v 

Keep request counts low and transfer sizes small — 86 requests • 1,444 KB >✓ 

Passed audits (13) v 



Accessibility 

These checks highlight opportunities to im prove the accessibility of your 
web a pp. Only a subset of accessibility issues can be automatically 
detected so manual testing is also encouraged. 

ARIA — These are opportunities to improve the usage of ARIA in your application which may enhance the experience for users 
of assistive technology, like a screen reader. 

A [ a ria - * ] attributes do not have valid values 


Contrast — These are opportunities to improve the legibility of your content. 

A Background and foreground colors do not have a sufficient contrast ratio. v 

Additional items to manually check (11) — These items address areas which an automated testing tool cannot cover. Learn 
more in our guide on conductin g an accessibility review . 


Passed audits (18) 


V 


Not applicable (15) 


V 



Best Practices 


A Does not use HTTP/2 for all of its resources — 30 requests not served via HTTP/2 
A Does not use passive listeners to improve scrolling performance 

A Includes front-end JavaScript libraries with known security vulnerabilities — 2 vulnerabilities detected 
A Displays images with incorrect aspect ratio 


V 


V 


V 


V 
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V 

Passed audits (11) 

0 

SEO 

These checks ensure that your page is optimized for search engine results 
ranking. There are additional factors Lighthouse does not check that may 
affect your search ranking. Learn more . 

Content Best Practices — Format your HTML in a way that enables crawlers to better understand your app’s content. 

A Document does not have a meta description v 

A Links do not have descriptive text — 1 link found >✓ 

Mobile Friendly — Make sure your pages are mobile friendly so users don’t have to pinch or zoom in order to read the content 
pages. Learn more . 

Tap targets are not sized appropriately — 76% appropriately sized tap targets v 

Additional items to manually check (1) — Run these additional validators on your site to check additional SEO best v 

practices. 

Passed audits (10) 

PtAA 

Progressive Web App 

These checks validate the aspects of a Progressive Web App. Learn more . 

Fast and reliable 

Page load is fast enough on mobile networks v 

A Current page does not respond with a 200 when offline >✓ 

A sta rt_u rl does not respond with a 200 when offline No usable web app manifest found on page. v 

Installable 

Uses HTTPS s, 

A Does not register a service worker that controls page and sta rt_u rl v 
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^ Web app manifest does not meet the installability requirements Failures: No manifest was fetched. v 

PWA Optimized 

Redirects HTTP traffic to HTTPS >✓ 

A Is not configured for a custom splash screen Failures: No manifest was fetched. v 

Does not set a theme color for the address bar. 

A v 

Failures: No manifest was fetched, No '<meta name="theme-color">' tag found. 

Content is sized correctly for the viewport v 

Has a <meta name= "viewport 11 > tag with width or initial - scale ^ 

Contains some content when JavaScript is not available v 

Provides a valid apple-touch-icon v 

Additional items to manually check (3) — These checks are required by the baseline PWA Checklist but are not v* 

automatically checked by Lighthouse. They do not affect your score but it’s important that you verify them manually. 


URL 

Fetch time 

Device 

Network throttling 
CPU throttling 
User agent (host) 

User agent (network) 

CPU/Memory Power 


Runtime Settings 
https://openlibrary.org/ 

Mar 20, 2020, 12:13 PM GMT+5:30 

Emulated Nexus 5X 

150 ms TCP RTT, 1,638.4 Kbps throughput (Simulated) 

4x slowdown (Simulated) 

Mozilla/5.0 (Xll; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) 
Chrome/80.0.3987.132 Safari/537.36 

Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5 Build/MRA58N) AppleWebKit/537.36 
(KHTML, like Gecko) Chrome/74.0.3694.0 Mobile Safari/537.36 Chrome- 
Lighthouse 
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